$(document).ready(function () {
    init()

    new Vue({
        el: '#app',
        data: {
            user: {},
            idCardTypes: [],
        },
        methods: {
            queryUser() {
                $.ajax({
                    async: false,
                    type: 'get',
                    url: 'queryUser',
                    success: data => {
                        this.user = data
                    },
                    error: function () {
                        alert("出错啦");
                    }
                })
            },

            getIdCardType() {
                $.ajax({
                    type: "GET", // 请求方式
                    url: "ajaxGetIdCardType", // 请求的服务器路径
                    success: data => {
                        this.idCardTypes = data
                    },
                    error: function () {
                        alert("出错啦");
                    }
                });
            }
        },
        created() {
            this.queryUser()
            getProvince(this.user.province)
            getCityByProId(this.user.province, this.user.city)
            getDistrictByCityId(this.user.city, this.user.district)
            this.getIdCardType()
            console.log(this.user.birth)
            if (this.user.birth != null) {
                this.user.birth = this.user.birth.substr(0, 10)
            }
            console.log(this.user.birth)
        }
    })
})

function init() {
    $("#header").load("jump?url=common/header", null, function () {
        $(".nav_navs").children().eq(5).children().attr("class", "on")
        $(".header_h1").css("margin-top", "0px")
        $(".header_weixin").css("margin-top", "0px")
        $(".header_weixin>img").mouseover(function(){
            $(".header_weixinBig").css('display','block');
        })
        $(".header_weixin>img").mouseout(function(){
            $(".header_weixinBig").css('display','none');
        })
    })

    $("#jkrxxrz").load("jump?url=common/jkrxxrz")

    $("#footer").load("jump?url=common/footer")
}

function updateUser() {
    var formData = new FormData($("#updateForm").get(0))
    $.ajax({
        type: "post", // 请求的类型，等价于 form 表单的 method 属性
        url: "updateUser", // 请求的服务器url，等价于 form 表单的 action 属性
        data: formData,
        // 使用FormData对象作为ajax发送服务器的数据载体，需要设置以下两个参数
        contentType: false, // 防止request请求位置文件头上下文对象，如果进行处理，则会丢失文件流对象
        processData: false, // 防止request请求自动处理ForamData对象，如果进行处理，则会丢失文件流对象
        success: function (data) { // 成功时的回调函数
            if (data == 'ok') {
                location = 'borrowing';
            }
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function getProvince(proId) {
    $.ajax({
        type: "GET", // 请求方式
        url: "ajaxGetProvince", // 请求的服务器路径
        success: function (data) {
            let strProvince = "";
            $.each(data, function (index, province) {
                if (province.proId == proId) {
                    strProvince += "<option value='"+province.proId+"' selected>"+province.proName+"</option>";
                } else {
                    strProvince += "<option value='"+province.proId+"'>"+province.proName+"</option>";
                }
            });
            $("#province").html(strProvince);
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function getCityByProId(proId, cityId) {
    if (proId == null) proId = "110000";
    $.ajax({
        type: "GET", // 请求方式
        url: "ajaxGetCityByProId", // 请求的服务器路径
        data: "proId="+proId, // 发送给服务器的数据
        success: function (data) {
            let strCity = "";
            $.each(data, function (index, city) {
                if (cityId == null && index == 0) getDistrictByCityId(city.cityId);
                if (city.cityId == cityId) {
                    strCity += "<option value='"+city.cityId+"' selected>"+city.cityName+"</option>";
                } else {
                    strCity += "<option value='"+city.cityId+"'>"+city.cityName+"</option>";
                }
            });
            $("#city").html(strCity);
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function getDistrictByCityId(cityId, disId) {
    if (cityId == null) cityId = "110100";
    $.ajax({
        type: "GET", // 请求方式
        url: "ajaxGetDistrictByCityId", // 请求的服务器路径
        data: "cityId="+cityId, // 发送给服务器的数据
        success: function (data) {
            let strDistrict = "";
            $.each(data, function (index, district) {
                if (district.disId == disId) {
                    strDistrict += "<option value='"+district.disId+"' selected>"+district.disName+"</option>";
                } else {
                    strDistrict += "<option value='"+district.disId+"'>"+district.disName+"</option>";
                }
            });
            $("#district").html(strDistrict);
        },
        error: function () {
            alert("出错啦");
        }
    });
}

function uploadPreview(fileInput) {
    var previewImg = fileInput.parentElement.firstElementChild.nextElementSibling.nextElementSibling.nextElementSibling.firstElementChild
    console.log(previewImg)
    fileInput.addEventListener('change', function() {
        var file = this.files[0];
        var reader = new FileReader();
        // 监听reader对象的的onload事件，当图片加载完成时，把base64编码賦值给预览图片
        reader.addEventListener("load", function() {
            previewImg.src = reader.result;
        }, false);
        // 调用reader.readAsDataURL()方法，把图片转成base64
        reader.readAsDataURL(file);
    }, false);
}